<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Galicia Office</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="content/default/styles.css" />
    <link rel="stylesheet" href="content/default/jquery-ui.css" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="content/default/ie8-and-down.css" />
    <![endif]-->
    <script src="js/jqueryfwk/jquery-1.7.2.min.js"></script>
    <script src="js/jqueryfwk/jquery.customSelect.js"></script>
    <script src="js/Placeholders.min.js"></script>
    <script src="js/site.js"></script>
    <script src="js/jqueryfwk/jquery-ui-1.10.3.custom.min.js"></script>
    <script>
        $(function() {
            $( "#datepicker" ).datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true
            });
        });
    </script>
    <!--[if IE]>
    <script src="js/tags-html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="js/IE8.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main-container">
        <header>
            <div class="left"><img src="images/commons/logo-go.png" alt="Galicia Office" /></div>
            <div class="right header-data">
                <span class="date">16/03/2013 </span><span class="time">18:10</span>
                <div class="filtro-search">
                    <a class="default" href="#" title="filtrar búsqueda por">Todos</a>
                    <ul>
                        <li class="todos"><a href="#">Todos</a></li>
                        <li class="funcionalidades activo"><a href="#">Funcionalidades</a></li>
                        <li class="operaciones"><a href="#">Operaciones</a></li>
                        <li class="comunidades"><a href="#">Comunidades</a></li>
                    </ul>
                </div>
                <div class="cont-search-results">
                    <div class="cont-search">
                        <input type="text" placeholder="Encontrá lo que necesitás hacer en GO..." />
                        <a href="#">Buscar</a>
                    </div>
                    <div class="cont-results">
                        <ul>
                            <li class="todos"><a>Resultado 1</a></li>
                            <li class="funcionalidades"><a>Resultado 2</a></li>
                            <li class="operaciones"><a>Extracciones de cajeros automáticos en la provincia de Buenos Aires</a></li>
                            <li class="todos"><a>Resultado 4</a></li>
                        </ul>
                    </div>
                </div>
                <a class="icon-out">Salir</a>
            </div>
        </header>
        <!---Menu principal --->
        <nav>
            <ul class="main-menu">
                <li class="active"><a href="#">CONSULTAS</a>
                    <div class="hover-menu">
                        <div class="cont-menu"> <!---Contenedor General BOX ---->
                            <div class="cont-menu-compuesto">
                                <ul> <!--SÓLO 5 <LI> -->
                                    <li><span>COBRANZA INTEGRADA GALICIA</span>
                                        <ul class="level-1">
                                            <li><a class="inactivo horario" href="#">link 1-1</a></li>
                                            <li><a class="inactivo firma" href="#">link 2-2 A</a></li>
                                            <li><a class="inactivo permiso" href="#">link 4-1</a></li>
                                            <li><a href="#">link 1-3</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Pago directo</span>
                                        <ul class="level-1">
                                            <li><a href="#">Pago directo</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Ventanilla electrónica</span>
                                        <ul class="level-1">
                                            <li><a href="#">link 2-1</a>
                                            <li><span>link 2-2</span>
                                                <ul class="level-2">
                                                    <li><a href="#">link 2-2 B</a></li>
                                                    <li><a href="#">link 2-2 C</a></li>
                                                    <li><a href="#">link 2-2 D</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">link 2-3</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Servicios de recaudaciones</span>
                                        <ul class="level-1">
                                            <li><a class="inactivo permiso" href="#">link 4-1</a></li>
                                            <li><a href="#">link 4-2</a></li>
                                            <li><a href="#">link 4-3</a></li>
                                            <li><a href="#">link 4-4</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Cobranza con tarjetas</span>
                                        <ul class="level-1">
                                            <li><a href="#">link 5-1</a></li>
                                            <li><a href="#">link 5-2</a></li>
                                            <li><a href="#">link 5-3</a></li>
                                            <li><a href="#">link 5-4</a></li>
                                            <li><a href="#">link 5-5</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul> <!--SÓLO 5 <LI> -->
                                    <li><span>COBRANZA INTEGRADA GALICIA</span>
                                        <ul class="level-1">
                                            <li><a class="inactivo permiso" href="#">link 1-1</a></li>
                                            <li><a href="#">link 1-2</a></li>
                                            <li><a href="#">link 1-3</a></li>
                                            <li><a href="#">link 1-4</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Ventanilla electrónica</span>
                                        <ul class="level-1">
                                            <li><span>link 2-2</span>
                                                <ul class="level-2">
                                                    <li><a href="#">link 2-2 B</a></li>
                                                    <li><a class="inactivo firma" href="#">link 2-2 A</a></li>
                                                    <li><a href="#">link 2-2 D</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">link 2-3</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Transacciones</span>
                                        <ul class="level-1">
                                            <li><a href="#">Transacciones</a></li>
                                        </ul>
                                    </li>
                                    <li><span>Operaciones inmediatas</span>
                                        <ul class="level-1">
                                            <li><a class="inactivo permiso" href="#">Operaciones inmediatas</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>TRANSACCIONES</li>
                <li>COBRANZAS</li>
                <li>HABERES</li>
                <li>SOLICITUDES</li>
                <li>PROVEEDORES</li>
                <li>COMERCIO EXTERIOR</li>
                <li>PAGO DE SERVICIOS</li>
                <li>TARJETAS</li>
                <li>GALICIA RURAL</li>
            </ul>
        </nav>
        <!--- Left --->
        <aside>
            <div class="company-data">
                <ul class="info">
                    <!--<li class="company-logo"><span><img src="logo-empresa.png" /></span></li>-->
                    <li class="company-name">Nombre de la Empresa</li>
                </ul>
                <p>Ultimo acceso <span>23:45</span></p>
            </div>
            <div class="user">
                <span class="arrow"></span>
                <a class="alerta" href="#">
                    <h1>Nombre de usuario</h1>
                    <p>Configurar mi usuario</p>
                </a>
            </div>
            <ul class="company-links">
                <li class="icon-messages" ><a  href="#"><span class="alerta">Bandeja de Mensajes</span></a>
                </li>
                <li class="icon-admin"><a href="#"><span>Administrar Empresa</span></a></li>
                <li class="icon-consult-oper"><a href="#"><span>Consulta de Operaciones</span></a></li>
                <li class="icon-accept-oper" ><a href="#"><span>Autorizar Operaciones</span></a></li>
                <li class="icon-download-files"><a href="#"><span>Descarga de Archivos</span></a></li>
            </ul>
            <ul class="aside-banners">
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-comunidadRural.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-galiciaComex.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
                <li><a href="#" target="_blank"><img src="images/banners/aside-banner-buenosNegocios.png" alt="Comunidad Rural" width="230" height="42" /></a></li>
            </ul>
        </aside>
        <!--- Right--->
        <section class="container">
            <!----- Submenú ---------->
            <div class="headerContainer">Transferencias <span class="icon-ayuda" title="En qué podemos ayudarte">?</span></div>
            <ul class="sub-menu">
                <li><a class="active" href="#"><span>A otros Bancos</a></span></li>
                <li><a href="#">Terceros Galicia</a></li>
                <li><a href="#">Más Beneficios</a></li>
            </ul>
            <!---------Formularios------------>
            <h4 class="form-title"><span>Requisito de seguridad</span></h4>
            <h3 class="form-title"><span>Celulares</span></h3>
            <table>
                <tr>   <!----CABECERA DE LA TABLA--->
                    <th>Alias</th>
                    <th>Empresa</th>
                    <th class="">Código de Area</th>
                    <th>Teléfono</th>
                    <th>Marca</th>
                    <th>Pin</th>
                    <th></th>
                </tr>
                <tr>
                    <td><input type="text" class="inputtext" value=""></td>
                    <td><select class="styled">
                        <option value="Claro">Claro</option>
                        <option value="Claro">Personal</option>
                        <option value="Claro">Movistar</option>
                    </select></td>
                    <td><input type="text" class="inputtext decimales" value=""></td>
                    <td><input type="text" class="inputtext importe" value=""></td>
                    <td><select class="styled">
                        <option value="Blackberry">Blackberry</option>
                        <option value="Blackberry">Iphone</option>
                        <option value="Blackberry">Samsung</option>
                    </select></td>
                    <td><input type="text" class="inputtext" value=""></td>
                    <td><a href="#" class="more">más</a><a href="#" class="less">menos</a></td>
                </tr>
                <tr>
                    <td><input type="text" class="inputtext" value=""></td>
                    <td><select class="styled">
                        <option value="Claro">Claro</option>
                        <option value="Claro">Personal</option>
                        <option value="Claro">Movistar</option>
                    </select></td>
                    <td><input type="text" class="inputtext decimales" value=""></td>
                    <td><input type="text" class="inputtext importe" value=""></td>
                    <td><select class="styled">
                        <option value="Blackberry">Blackberry</option>
                        <option value="Blackberry">Iphone</option>
                        <option value="Blackberry">Samsung</option>
                    </select></td>
                    <td><input type="text" class="inputtext" value=""></td>
                    <td><a href="#" class="less">menos</a></td>
                </tr>

            </table>
            <div class="button-box">
                <input class="gobutton1" id="Submit1" name="Prepara" value="Realizar transferencia" type="submit">
            </div>
            <!---------Fin - Formularios------------>
            <h3 class="form-title collapsed"><span>Datos de la transferencia</span></h3>
            <h3 class="form-title collapsed on"><span>Transacciones bancarias</span></h3>
            <div class="form-box span1">
                <form>
                    <div class="row">
                        <span>Cuenta a debitar</span>
                        <select class="styled">
                            <option value="CC">CC $135476</option>
                        </select>
                    </div>
                    <div class="row msj">
                        <span>Importe</span>
                        <input type="text" class="importe">, <input type="text" class="decimales" >
                        <div class="banco-msj">
                            <span class="arrow"></span>
                            <h2>Se debitrán los fondos en el momento y se acreditarán en el día si:</h2>
                            <ul>
                                <li>La transferencia es autorizada antes de las 17:50</li>
                                <li>El banco receptor pertenece a la red de Interbanking</li>
                                <li>La denominación informada coincide con la denominación</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <span>Referencia</span>
                        <select class="styled">
                            <option value="Varios">Varios</option>
                        </select>
                        <input type="text" placeholder="Ingrese comentario"><span class="icon-ayuda" title="En qué podemos ayudarte">?</span>
                    </div>
                    <div class="row msj">
                        <span>Cuenta a Acreditar</span>
                        <select class="styled">
                            <option value="CC">CC $13547687454233</option>
                        </select>
                        <div class="banco-msj">
                            <span class="arrow"></span>
                            <h2>Se debitrán los fondos en el momento y se acreditarán en el día si:</h2>
                            <ul>
                                <li>La transferencia es autorizada antes de las 17:50</li>
                                <li>El banco receptor pertenece a la red de Interbanking</li>
                                <li>La denominación informada coincide con la denominación</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <span>A realizar en la fecha</span>
                        <input type="text" class="inputtext-datepicker" id="datepicker" placeholder="Elija fecha">
                        <span class="icon-ayuda" title="En qué podemos ayudarte">?</span>
                    </div>
                    <div class="row">
                        <span>Comentarios</span>
                        <div class="textarea">Ingrese observaciones a su operación"></div>
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Continuar" type="submit">
                    </div>
                </form>
            </div>
            <DIV class="form-box span1"><DIV class=row><SPAN>Desde</SPAN> <INPUT id=fechaDesde class="inputtext-datepicker hasDatepicker" maxLength=10 type=text name=fechaDesde jQuery1720584121849959182="4"> <SPAN>Hasta</SPAN> <INPUT id=fechaHasta class="inputtext-datepicker hasDatepicker" maxLength=10 type=text name=fechaHasta jQuery1720584121849959182="5"> </DIV>
                <DIV class=button-box><INPUT id="consultar" class="btn" value="Consultar" type="button" name="consultar">
                    <UL class=dropdown>
                        <LI class="btn dropdown">Exportar
                            <UL>
                                <LI><A class="pdf">PDF</A></LI>
                                <LI><A class="excel"  href="#">Excel</A></LI>
                                <LI><A class="csv" href="#">Csv</A></LI>
                            </UL>
                        </LI>
                    </UL>
                    <INPUT class="btn back" onclick=Volver(); value=Volver type=button>
                </DIV>
            </DIV>

            <h3 class="form-title collapsed"><span>Transferencia a terceros</span><div><input type="checkbox"/><input type="checkbox"/><input type="checkbox"/></div></h3>
            <ul class="cont-collapsed">
                <li class="collapsed">Otro titulo a expandir</li>
                <li class="collapsed">Otro titulo a expandir
                    <ul>
                        <li>Otro titulo a expandir
                         <div>
                        <span>Consulta de CBU</span>
                        <input type="checkbox"/><input type="checkbox"/><input type="checkbox"/></div>
                        </li>
                    </ul>
                </li>
                <li class="collapsed">Otro titulo a expandir </li>
                <li class="collapsed">Otro titulo a expandir </li>
            </ul>
        </section>
        <footer><p>Salvo error u omisión (S.E.U.O)</p></footer>
    </div>
</body>
</html>